<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>可乐-个人中心</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static_resources/css/peopleCenter.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static_resources/css/nav.css}">

</head>
<body style="height: 680px;">
<div class="navHeader">
    <div class="navLeft">
        <div class="logo">
            <img th:src="@{/static_resources/img/KeLe.png}" alt="">
            <div class="KeLeWorld">
                <img th:src="@{/static_resources/img/KeLeWorld.png}" alt="">
            </div>
        </div>
        <ul class="navUl">
            <li class="navLi">
                <a class="A" th:href="@{../tooIndex}">首页</a>
            </li>
            <li class="navLi">
                <a class="A" th:href="@{../to/toClassify}">分类</a>
            </li>
            <li class="navLi">
                <a class="A" th:href="@{../manager/findAllUser}">管理系统</a>
            </li>
        </ul>
    </div>
    <div class="navF11">
        <div class="searchContainer">
            <div class="searchInput">全屏</div>
            <div class="glass">
                <img th:src="@{/static_resources/img/fullScreen.png}" alt="">
            </div>
        </div>
    </div>
    <div class="navMiddle">
        <div class="searchContainer">
            <a th:href="@{../to/toSearch}" class="searchInput">搜索</a>
            <div class="glass">
                <img th:src="@{/static_resources/img/fangdajing.png}" alt="">
            </div>
        </div>
    </div>
    <div class="navRight">
        <div class="workCenter">
            <a class="A" th:href="@{../to/toWrite}" target="_blank">
                创作中心
            </a>
        </div>
        <div class="vip">
            <a class="A" th:href="@{../to/toVipCenter}">会员中心</a>
        </div>
        <div class="headerPictureContainer">
            <div class="headerPicture headerPictures">

            </div>
            <div class="message">
                <h3 class="messageName"></h3><!--后台数据*用户名-->
                <div class="vipTF">vip</div><!--vip-->
                <div class="line"></div><!--下划线-->
                <div class="personalCenterC">
                    <div class="personalCenter background color">
                        <a class="color peopleCenter" th:href="@{../users/toPeople}">个人中心</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/icon7.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{../to/toContentManagement}">内容管理</a>

                    </div>
                    <div class="personalCenterIco">
                        <img id="OtherPicture" th:src="@{/static_resources/img/neirongguanli.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{/to/toMyCollect}">我的收藏</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/collection.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter">退出登录</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/tuichu.png}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div class="w peopleCenterContainer">
    <!--    个人中心外面大盒子-->
    <div class="personalCenter_box">
        <!--        带有外边距用于缩小时固定内容的盒子-->
        <div class="personCenter">
            <!--            左侧的导航栏-->
            <div class="personal_left">
                <ul style="list-style: none">
                    <li>
                        <a class="peopleCenterA active">
                            个人资料
                        </a>
                    </li>
                    <li>
                        <a class="peopleCenterA" th:href="@{../to/toMyCollect}">
                            我的收藏
                        </a>
                    </li>
                    <li>
                        <a class="peopleCenter" th:href="@{../blogs/findBlogsByBlogger}">内容管理</a>
                    </li>
                </ul>
                <div class="paletteColor">
                    <p>调色板</p>
                    <p>R <input type="range" min="0" max="255" value="0" name="R"/><span>0</span></p>
                    <p>G <input type="range" min="0" max="255" value="0" name="G"/><span>0</span></p>
                    <p>B <input type="range" min="0" max="255" value="0" name="B"/><span>0</span></p>
                    <p>A <input type="range" min="0" max="100" value="20" name="A"/><span>0.2</span></p>
                </div>
            </div>
            <!--            把右侧具体内容移到导航条右侧的大盒子-->
            <div class="personal_right">
                <!--                装右侧具体内容的盒子-->
                <div class="personal_right_content">
                    <!--                    放有头像的盒子-->
                    <div class="head-sculpture">
                        <!--                        装头像的盒子-->
                        <div class="head">
                            <img th:src="@{/static_resources/img/Snipaste_2021-05-07_09-26-17.png}" alt="">

                        </div>
                        <div class="shadow"></div>
                        <!--                        赞数粉丝数等信息-->
                        <div class="head-user-info">
<!--                            th:text="${session.User.nickname}"-->
                            <p id="user-name"></p>
                            <p id="vip">VIP</p>
                        </div>
                    </div>
                    <!--                    装用户基本信息的盒子-->
                    <div class="head-info">
                        <div class="basic-info">
                            基本信息
                        </div>
                        <!--                        装用户具体的基本信息-->
                        <div class="basic-info-content">
                            <!--                            固定用户基本信息内容位置的盒子-->
                            <div class="basic-info-content-exit">
                                <ul>
                                    <li>
                                        <span class="info-fixed">用户昵称</span><span class="info-exit"></span>
                                    </li>
                                    <li>
                                        <span class="info-fixed">用户ID</span><span class="info-exit" ></span>
                                    </li>
                                    <li>
                                        <span class="info-fixed">邮箱</span><span class="info-exit" ></span>
                                    </li>
                                    <li>
                                        <span class="info-fixed">真实姓名</span><span class="info-exit"></span>
                                    </li>
                                    <li>
                                        <span class="info-fixed">性别</span><span class="info-exit"></span>
                                    </li>
                                    <li>
                                        <span class="info-fixed">出生日期</span><span class="info-exit"></span>
                                    </li>
                                    <li>
                                        <span class="info-fixed">注册时间</span><span class="info-exit"></span>
                                    </li>
                                </ul>
                                <p class="exit">编辑</p>
                            </div>
                        </div>
                    </div>
                    <div class="changeInformation">
                        <div class="basic-info">
                            修改信息
                        </div>
                        <div class="registerFindCodeInfoBox">
                            <div class="register-findcode-info">
                                <p>用户昵称</p>
                                <input class="inputColor" type="text">
                            </div>
                            <div class="register-findcode-info">
                                <p>用户ID</p>
                                <input class="inputColor" type="text" readonly="readonly" value="" style="cursor:no-drop;">
                            </div>
                            <div class="register-findcode-info">
                                <p>电话/邮箱</p>
                                <input class="inputColor" type="text">
                            </div>
                            <div class="register-findcode-info">
                                <p>真实姓名</p>
                                <input class="inputColor" type="text">
                            </div>
                            <div class="register-findcode-info">
                                <p>性别</p>
                                <select class="inputColor equieStyle" type="text" name="sex">
                                    <option>男</option>
                                    <option>女</option>
                                </select>
                            </div>
                            <div class="register-findcode-info">
                                <p>出生日期</p>
                                <input  class="inputColor" type="date">
                            </div>
                            <div class="register-findcode-info">
                                <p>注册时间</p>
                                <input  class="inputColor" type="date">
                            </div>
                        </div>
                        <div class="infoYesOrNoBtn">
                            <button id="infoCancleBtn">取消</button>
                            <button id="infoPreserveBtn">保存</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/static_resources/js/jquery-1.12.4.min.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/otherLogin.js}" type="text/javascript"></script>
<script type="text/javascript" th:src="@{/static_resources/js/peopleCenter.js}"></script>
</body>
</html>